<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Document</title>
</head>

<body>
  <input type="button" value="获取数据get" onclick="getData()" />
  <input type="button" value="删除数据post" onclick="deleteData()" />
</body>

<!-- 第一步 : 引入axios文件 -->
<script src="./js/axios-0.18.0.js"></script>

<script>
  /*
      提供的get请求地址  : http://yapi.eehp.cn/mock/61/user/findAll
      提供的post请求地址 : http://yapi.eehp.cn/mock/61/emp/deleteUserById  参数值 : id=1
    */
  // 需求1 : axios的get请求
  // function getData() {
  //   axios({
  //     method: "get",
  //     url: "http://yapi.eehp.cn/mock/61/user/findAll"
  //   }
  //   ).then((result) => {
  //       console.log(result.data.data);
  //   });
  // }


  function getData() {
    axios.get("http://yapi.eehp.cn/mock/61/user/findAll").then((result) => {
      console.log(result.data.data);
    })
  }


  // 需求2 : axios的post请求
  // function deleteData() {
  //   axios({
  //     method:"post",
  //     url:"http://yapi.eehp.cn/mock/61/emp/deleteUserById",
  //     data:"id=1"
  //   }).then((result)=>{// then回调函数, 服务器访问成功并响应了数据就会触发此函数
  //     console.log(result.data);
  //   });
  // }

  // 简化方式
  function deleteData() {
    axios.post("http://yapi.eehp.cn/mock/61/emp/deleteUserById" , "id=6").then((result) => {
      console.log(result.data);
    });
  }


</script>

</html>